<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <title>机票</title>
    <!--if lt IE 9]>
        <script src="../src/html5shiv.js"></script>
        <script src="../src/respond.min.js"></script>
    <![endif]-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <script src="../src/flexible_css.debug.js"></script>
    <script src="../src/flexible.debug.js"></script>
    <link rel="stylesheet" href="../css/jipiao.css">
    <link rel="stylesheet" href="../src/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../src/font-4.7/css/font-awesome.min.css">
</head>
<body>

    <div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="../img/jipiao_banner.png" alt="">
        </div>
          <div class="swiper-slide">
            <img src="../img/jipiao_banner.png" alt="">
        </div>
        <div class="swiper-slide">
           <img src="../img/jipiao_banner.png" alt="">
        </div>
          <div class="swiper-slide">
             <img src="../img/jipiao_banner.png" alt="">
        </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    <!-- 行程 -->
<div class="journey">
    <ul>
        <li class="journer_fff">单程</li>
        <li>往返</li>
        <li>国际多程</li>
    </ul>
</div>
</div>

<!-- 返回按钮 -->
<div class="return">
    <i class="fa fa-chevron-left" aria-hidden="true"></i>
</div>
<!-- tab切换 -->
<div class="tab_conten">
    <!-- 第一个 -->
<div class="dancheng" style="display: block;">
    <!-- 航班信息 -->
    <div class="flight">
        <p class="flight_left">上海</p><img src="../img/feiji.png" alt="" id="feiji"><p class="flight_right">重庆</p>
    </div>
     <div class="flight">
        <p>8月4日<span>周五</span></p>
    </div>
    <div class="cangwei">
            <div class="cangwei_left">
                <div class="xuan"><i class="fa fa-check" aria-hidden="true"></i></div>
                <h6>携带儿童</h6>
                <p>2-12岁</p>
            </div>
            <div class="cangwei_left">
                <div class="xuan1"><i class="fa fa-check" aria-hidden="true"></i></div>
                <h6>携带儿童</h6>
                <p>2-12岁</p>
            </div>

        <div class="cangwei_right">
            选择仓位
        </div>
    </div>

<!-- 搜素按钮 -->
    <div class="btn_box">
         <button class="btn_">搜&nbsp;素</button>
    </div>
<div class="bao">
    <img src="../img/bao.png" alt="">
    <p>全程预订保障，去哪儿都放心</p>
</div>
<div class="yici">
   <div class="yici_left">
        <div class="yici_img">
             <img src="../img/yiyuan1.png" alt="">
        </div>
       <div class="yici_font">
           <p>一元机票</p>
           <h6>一元带你飞全球</h6>
       </div>
   </div>
     <div class="yici_left">
        <div class="yici_img">
             <img src="../img/huo.png" alt="">
        </div>
       <div class="yici_font">
           <p>多低比价</p>
           <h6>多低比价一次搞定</h6>
       </div>
   </div>
</div>
</div>

<div class="dancheng">
      <div class="flight">
        <p class="flight_left">上海</p><img src="../img/feiji.png" alt="" id="feiji"><p class="flight_right">重庆</p>
    </div>
     <div class="flight">
        <p>8月4日<span>周五</span></p><h6>4天</h6> <p>8月14日<span>周一</span></p>
    </div>
    <!-- 搜素按钮 -->
    <div class="btn_box">
         <button class="btn_">搜&nbsp;素</button>
    </div>

<div class="bao">
    <img src="../img/bao.png" alt="">
    <p>全程预订保障，去哪儿都放心</p>
</div>

<div class="yici">
   <div class="yici_left">
        <div class="yici_img">
             <img src="../img/yiyuan1.png" alt="">
        </div>
       <div class="yici_font">
           <p>一元机票</p>
           <h6>一元带你飞全球</h6>
       </div>
   </div>
     <div class="yici_left">
        <div class="yici_img">
             <img src="../img/huo.png" alt="">
        </div>
       <div class="yici_font">
           <p>多低比价</p>
           <h6>多低比价一次搞定</h6>
       </div>
   </div>

</div>
</div>

<div class="dancheng">
     <div class="flight">
        <p class="flight_left">上海</p><img src="../img/feiji.png" alt="" id="feiji"><p class="flight_right">重庆</p>
    </div>
 <div class="flight">
        <p>8月4日<span>周五</span></p>
    </div>
    <div class="flight">
        <p class="flight_left">上海</p><img src="../img/feiji.png" alt="" id="feiji"><p class="flight_right" id="ccc">到达</p>
    </div>

 <div class="flight">
        <p>8月4日<span>周五</span></p>
    </div>

<div class="jia">
    <i class="fa fa-plus-square-o" aria-hidden="true"></i>
    <p>再加一程</p>
</div>

 <!-- 搜素按钮 -->
    <div class="btn_box">
         <button class="btn_">搜&nbsp;素</button>
    </div>

<div class="bao">
    <img src="../img/bao.png" alt="">
    <p>全程预订保障，去哪儿都放心</p>
</div>

<div class="yici">
   <div class="yici_left">
        <div class="yici_img">
             <img src="../img/yiyuan1.png" alt="">
        </div>
       <div class="yici_font">
           <p>一元机票</p>
           <h6>一元带你飞全球</h6>
       </div>
   </div>
     <div class="yici_left">
        <div class="yici_img">
             <img src="../img/huo.png" alt="">
        </div>
       <div class="yici_font">
           <p>多低比价</p>
           <h6>多低比价一次搞定</h6>
       </div>
   </div>


</div>

</div>

</div>

<footer class="footer">
        <dl >
            <dt><img src="../img/jipiao1.png"></dt>
            <dd>航班动态</dd>
        </dl>
          <dl>
            <dt><img src="../img/jipiao2.png" alt=""></dt>
            <dd>值班选座</dd>
        </dl>
          <dl>
            <dt><img src="../img/jipiao3.png" alt=""></dt>
            <dd>低价提醒</dd>
        </dl>
          <dl>
            <dt><img src="../img/jipiao4.png" alt=""></dt>
            <dd>行程服务</dd>
        </dl>
          <dl>
            <dt><img src="../img/jipiao5.png" alt=""></dt>
            <dd>机票订单</dd>
        </dl>
    </footer>
    <script src="../src/jquery-3.2.1.min.js"></script>
    <script src="../src/swiper-3.4.2.min.js"></script>
     <script src="../js/jipiao.js"></script>
</body>
</html>